<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>渐变色背景</title>
<style>
body{
    margin: 0px;
    padding: 0px;
}
/* 第二步：使用linear-gradient函数一个多种颜色的渐变色背景图片
颜色从上往下，自己可以根据自己的广告图设置颜色 */
.banner_ad{
    background-image: linear-gradient(180deg,#F0913C,#EC7332,#E95B29);
    height: 70px;
    width: 100%;
}
.banner_ad img{
    height: 70px;
    width: 1440px;
    margin: 0px auto;
    display: block;
}
</style>
</head>
<body>
<!-- 第一步：写一个banner广告位 -->
<div class="banner_ad">
    <img src="https://img.php.cn/teacher/course/20221129/1b79cb5e92a8c042dd2e2404c87d6531.png" />
</div>
</body>
